---
title: Headless Single-Page Application Framework for React
description: The Headless SPA Framework for React
template: splash
hero:
  tagline: Battle-tested hooks and components to build high-performance apps with react-query, react-hook-form, react-router, and TypeScript on top of any REST or GraphQL API. Used by React-admin, shadcn-admin-kit, and thousands of developers.
  actions:
    - text: Get started
      link: /ra-core/getting-started/
      icon: right-arrow
---

import { Card, CardGrid } from '@astrojs/starlight/components';

<CardGrid>
	<Card title="Guides & Concepts" icon="open-book">
		Core concepts like architecture, data fetching, and security. [Learn the fundamentals](./architecture/)
	</Card>
	<Card title="App Configuration" icon="setting">
		Setting up CoreAdmin, resources, and routing. [Configure your app](./coreadmin/)
	</Card>
	<Card title="Data Fetching" icon="random">
		Working with APIs, data providers, and queries. [Connect your API](./dataproviders/)
	</Card>
	<Card title="Security" icon="approve-check">
		Authentication, authorization, and access control. [Secure your app](./authentication/)
	</Card>
	<Card title="List Pages" icon="list-format">
		Building list views, filtering, and pagination. [Create list views](./listtutorial/)
	</Card>
	<Card title="Creation & Edition" icon="pencil">
		Forms, validation, and input components. [Build forms](./edittutorial/)
	</Card>
	<Card title="Show Pages" icon="document">
		Detail views and field components. [Display records](./showbase/)
	</Card>
	<Card title="Common Components" icon="puzzle">
		Shared utilities and patterns. [Reusable tools](./usegetrecordid/)
	</Card>
	<Card title="Fields" icon="information">
		Display components for different data types. [Show your data](./fields/)
	</Card>
	<Card title="Inputs" icon="add-document">
		Form input components and validation. [Handle user input](./inputs/)
	</Card>
	<Card title="Preferences" icon="setting">
		Store management hooks for user preferences and application state. [Manage state](./usestore/)
	</Card>
	<Card title="Internationalization" icon="translate">
		Multi-language support and localization. [Go global](./translationsetup/)
	</Card>
	<Card title="Other" icon="open-book">
		Record representation and other miscellaneous utilities. [Advanced utilities](./recordrepresentation/)
	</Card>
	<Card title="Recipes" icon="document">
		Best practices for caching, unit testing, and common development patterns. [Learn patterns](./caching/)
	</Card>
</CardGrid>
